import React from 'react'
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
import Recommend from '../Content/Discover/Recommend'
import Rank from '../Content/Discover/Rank'
import Musiclist from '../Content/Discover/Musiclist'
import DiscoverDj from '../Content/Discover/DiscoverDj'
import DiscoverMusician from '../Content/Discover/DiscoverMusician'
import Newsong from '../Content/Discover/Newsong'


const RankTest = ({}) => {
  return <div>RankTest{Date.now()}</div>
}

const DisCoverRouter = () => {
  return <Switch>
    <Route exact path="/" component={Recommend}></Route>
    <Route exact path="/discover" component={Recommend}></Route>
    <Route path="/discover/recommend" component={Recommend}></Route>
    <Route path="/discover/rank" component={Rank}>
        <Route path="/discover/rank" component={Rank}></Route>
        <Route path="/discover/rank/one" component={RankTest}></Route>
        <Route path="/discover/rank/two" component={RankTest}></Route>
        <Route path="/three" component={RankTest}></Route>
    </Route>
    <Route path="/discover/musiclist" component={Musiclist}></Route>
    <Route path="/discover/discoverdj" component={DiscoverDj}></Route>
    <Route path="/discover/discovermusician" component={DiscoverMusician}></Route>
    <Route path="/discover/newsong" component={Newsong}></Route>
  </Switch>
}

export default DisCoverRouter